@charset "utf-8";


/*图片包裹div*/
@mixin imgoverflow{
    overflow: hidden;
    text-align: center;
}

/*文字溢出处理*/
/**单行**/
.textover{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/**多行**/
@mixin textover2{
    display: -webkit-box;  
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
}


/***清除浮动***/
.clear{clear:both;} 
.clearfix:after{
    content: "";
    display:block;
    clear:both;
}

//box-shodow
@mixin bshodow{
    box-shadow:2px 2px 10px rgba(0,0,0,.8) ;
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.8) ;
}


.container-fluid{
    a{
        text-decoration:none; 
    }
    padding: 0;
    header{
        background: #222222;
        .my_nav{
            border: none;
            background: none;
            margin: 0;
        }
        .navbar-default .navbar-nav > li > a{
            color:#9d9d9d;
        }
        .navbar-default .navbar-nav > .active > a,
        .navbar-default .navbar-nav > .active > a:hover, 
        .navbar-default .navbar-nav > .active > a:focus{
            color: #fff;
            background: #080808;
        }
        .navbar-brand{
            padding:7px 15px;
        }
        .nav>li:hover{
            background: #080808;
            >a{
                color: #fff;
            }
        }
    } //header
    /*footer*/
    footer{
        background: #3b3b3b;
        padding: 30px  0px;
        .footer_href{
            a{
                font-size: 14px;
                color: #a1a3ab;
                text-decoration: none;
                &:hover{
                    color: #fff;
                    text-decoration: underline;
                }
            }
            p{
                 margin: 4px 0 0px;
                 color: #a1a3ab;
                 font-size: 11px;
            }
        }
        .footer_icon{
            float: right;
            text-align: center;
            .footerimg{
                position: relative;
                display: inline-block;
                width: 38px;
                height: 38px;
                margin-right: 25px;
                cursor: pointer;
                .codeimg{
                    width: 142px;
                    height: 150px;
                    position: absolute;
                    bottom: 43px;
                    left: -49px;
                    transform: scale(0,0);
                    transition: all 1s ease;
                }
                &:hover .codeimg{
                    transform: scale(1,1);
                }
            }
        }
    }
}


/*小屏幕 平板 (≥768px)*/
@media only screen and (max-width:991px) and (min-width:768px){
    .container-fluid{
        header{
            .container{
                .navbar-collapse{
                    padding-left: 0;
                    padding-right: 0;
                }
                .nav > li > a{
                    padding: 10px 10px;
                    margin-bottom: 20px;
                    margin-top: 10px;
                }
            }
        }
    }
}

/**手机端<768px)**/
@media only screen and (max-width:767px){
    .container-fluid{
        footer{
            .footer_icon{
               text-align: left;
               margin-bottom: 20px;
               .footerimg .codeimg:first-of-type{
                   left: 0;
               }
            }
        }
    }
}

